z-blog

推荐列表 站点导航

当前位置:首页 > 建站教程 > z-blog >

zblogphp自带js框架评论接口大全-zblogphp教程

来源:网络整理  作者:  发布时间:2020-12-14 08:09
zblogphp自带js框架评论接口大全是天兴工作室中一篇关于zblogphpzblog框架zblog前端框架的文章,欢迎您阅读和评论,天兴工...

zblogphp从1.5版本就开始推出了自带的js前端框架:Z-BlogPHP JavaScript Framework;把一些前端常用的事件都封装了起来内置到zblogphp.js文件里面。

分享以下官方git库里面的一些使用案例:

主题的js只需要简单的按照规定调用即可,大大的简化了流程和统一了标准。

// 评论字段校验规则,要求提交的内容必须有一个test字段 zbp.options.comment.inputs.test = {     required: true,     getter: function () {         return 'ZBPJF'     },     validator: function (text, callback) {         if (text !== 'ZBPJF') {             callback(new Error('No ZBPJF!'))         } else {             // null代表没问题             callback(null)         }     } } // 挂接口 // 获取评论数据 zbp.plugin.on("comment.get", "ZBPJFExample", function (postId, page) {     console.log('开始尝试评论数据') }) // 得到评论数据 zbp.plugin.on("comment.got", "ZBPJFExample", function (formData, data, textStatus, jqXhr) {     console.log('获得评论数据')     console.log(data) }) // 评论开始接口,只能对formData进行读取和修改 zbp.plugin.on("comment.post.start", "ZBPJFExample", function (formData) {     console.log('开始评论!') }) // 评论验证中接口 zbp.plugin.on("comment.post.validate", "ZBPJFExample", function (formData) {     console.log('评论验证中!') }) // 评论验证失败接口 zbp.plugin.on('comment.post.validate.error', 'ZBPJFExample', function (error, formData) {     console.log('评论验证失败:' + error.code) }) // 评论验证成功接口 zbp.plugin.on('comment.post.validate.success', 'ZBPJFExample', function (formData) {     console.log('评论验证成功!') }) // 评论发送成功接口 zbp.plugin.on('comment.post.success', 'ZBPJFExample', function (formData, data, textStatus, jqXhr) {     console.log('评论发送成功!')     console.log("系统返回数据:");     console.log(data) }) // 评论发送失败接口 zbp.plugin.on('comment.post.error', 'ZBPJFExample', function (error, formData, data, textStatus, jqXhr) {     console.log('评论发送失败,错误:' + error.code)     console.log(error) }) // 评论发送结束接口 // 无论成功或失败,评论发送结束均会触发 zbp.plugin.on('comment.post.done', 'ZBPJFExample', function (error, formData, data, textStatus, jqXhr) {     console.log('评论发送结束') }) // 评论回复接口,可能在为老版本使用的主题中会无效 // 另外,通过zbp.plugin.unbind("comment.reply", "system-default")可以解绑系统的相关事件。 zbp.plugin.on("comment.reply.start", "ZBPJFExample", function (id) {     console.log("回复评论ID:" + id); }); // 取消评论回复接口,可能在为老版本使用的主题中会无效,若解绑了系统有关事件可能会无效。 // 可能需要主题配合 zbp.plugin.on("comment.reply.cancel", "ZBPJFExample", function (id) {     console.log("取消回复评论"); });

有兴趣的可以直接在自己的代码里面测试,可玩性还是有的。

相关热词: php 教程

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jz/blog/3681.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

zblogphp自带js框架评论接口大全-zblogphp教程

2020-12-14 编辑:

zblogphp从1.5版本就开始推出了自带的js前端框架:Z-BlogPHP JavaScript Framework;把一些前端常用的事件都封装了起来内置到zblogphp.js文件里面。

分享以下官方git库里面的一些使用案例:

主题的js只需要简单的按照规定调用即可,大大的简化了流程和统一了标准。

// 评论字段校验规则,要求提交的内容必须有一个test字段 zbp.options.comment.inputs.test = {     required: true,     getter: function () {         return 'ZBPJF'     },     validator: function (text, callback) {         if (text !== 'ZBPJF') {             callback(new Error('No ZBPJF!'))         } else {             // null代表没问题             callback(null)         }     } } // 挂接口 // 获取评论数据 zbp.plugin.on("comment.get", "ZBPJFExample", function (postId, page) {     console.log('开始尝试评论数据') }) // 得到评论数据 zbp.plugin.on("comment.got", "ZBPJFExample", function (formData, data, textStatus, jqXhr) {     console.log('获得评论数据')     console.log(data) }) // 评论开始接口,只能对formData进行读取和修改 zbp.plugin.on("comment.post.start", "ZBPJFExample", function (formData) {     console.log('开始评论!') }) // 评论验证中接口 zbp.plugin.on("comment.post.validate", "ZBPJFExample", function (formData) {     console.log('评论验证中!') }) // 评论验证失败接口 zbp.plugin.on('comment.post.validate.error', 'ZBPJFExample', function (error, formData) {     console.log('评论验证失败:' + error.code) }) // 评论验证成功接口 zbp.plugin.on('comment.post.validate.success', 'ZBPJFExample', function (formData) {     console.log('评论验证成功!') }) // 评论发送成功接口 zbp.plugin.on('comment.post.success', 'ZBPJFExample', function (formData, data, textStatus, jqXhr) {     console.log('评论发送成功!')     console.log("系统返回数据:");     console.log(data) }) // 评论发送失败接口 zbp.plugin.on('comment.post.error', 'ZBPJFExample', function (error, formData, data, textStatus, jqXhr) {     console.log('评论发送失败,错误:' + error.code)     console.log(error) }) // 评论发送结束接口 // 无论成功或失败,评论发送结束均会触发 zbp.plugin.on('comment.post.done', 'ZBPJFExample', function (error, formData, data, textStatus, jqXhr) {     console.log('评论发送结束') }) // 评论回复接口,可能在为老版本使用的主题中会无效 // 另外,通过zbp.plugin.unbind("comment.reply", "system-default")可以解绑系统的相关事件。 zbp.plugin.on("comment.reply.start", "ZBPJFExample", function (id) {     console.log("回复评论ID:" + id); }); // 取消评论回复接口,可能在为老版本使用的主题中会无效,若解绑了系统有关事件可能会无效。 // 可能需要主题配合 zbp.plugin.on("comment.reply.cancel", "ZBPJFExample", function (id) {     console.log("取消回复评论"); });

有兴趣的可以直接在自己的代码里面测试,可玩性还是有的。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jz/blog/3681.shtml

相关文章

风云图片

推荐阅读

返回z-blog频道首页